Day20- 卡路里html+java計算

此段的class名稱是UiCtrl，上面撰寫了很多變數，要連接html使用。
return的部分，讓html等於空值，用一個迴圈，若是item的數值輸入，則會新增item.id還有item.name與item.calories在裡面。html+=是在htnl後面添加數據。

document.querySelector()的意思是:回傳 document 第一個符合特定選擇器群組的元素（採用深度優先，前序追蹤 document 節點）。
JavaScript 的 .innerHTML 其實屬於 HTML DOM 的一種功能，透過 innerHTML 可以取得或設定 HTML Code 中的元素，也可以單純的將字串寫入 HTML Code 的某一個部分。
而下面的getItemsInput的function是return name使用document.querySelector()的方法，將html中的iten-name抓取下來，名字是itemNameInput的原因是最上面的圖設置的原因itemNameInput: '#item-name',對應的都是html中的id取名，並以此來獲取相對的數值。